As you noticed, there are 3 Link Lists in Magnolia.

+ ABOVE HEADER
+ BELOW HEADER
+ ABOVE FOOTER

To CHange link Lists, you need to understand them first. Blogger doesn`t give the flexibility of WYSIWYG in everything, so we need to work through codes. Code is Poetry :D

ok, back to the point.

Each link list starts with <li> and ends with </li>, for example:

<li><a href='http://www.google.com'>Google</a></li>

See in the above code link, HREF is used for Links :) I hope you know it. To make changes, you must have got the picture, just change the Google`s link above with the link you want and change "Google" with the link name you desire to put. To remove it, just remove a link list starting with <li> and ending with </li> :)

SImple? Lets gets a bit complicated :)

Now a set of Link Lists is always start with <UL> and end with </UL>, for example:

<ul>
<li><a href='http://www.google.com'>Google</a></li>
<li><a href='http://www.Yahoo.com'>yahoo</a></li>
<li><a href='http://www.Msn.com'>Msn</a></li>
</ul>

Hope you got it, you`ll need it further ;)

As in Magnolia`s BELOW HEADER link list. You must have noticed that it is a DROP DOWN link list, clever eh ? but complicated. Don`t worry, you`ll set it up :)

Drop Down Link Lists uses a combination of <ul> and <li> tags...here`s how:

<li><a href='http://www.google.com'>Google</a></li> [That`s a normal link list, you know]

Now, see the Drop Down link list code:

<li><a href='http://www.google.com'>Google</a>
<ul>
<li><a href='http://www.blogger.com'>Blogger</a></li>
<li><a href='http://www.feedburner.com'>Feedburner</a></li>
<li><a href='http://www.google.com/maps'>Google Maps</a></li>
<ul>
</li>                       

Now you see, a drop down link list starts with <li> but the expands with <ul> and then a set of link lists ending with </ul> and </li> tags. That`s like a game of sets. Well may be difficult for you to understand. but now in case of Magnolia the Drop Down link list will look like this...for example in the PARTNERS link list, see the code below:

<li class='cat-item'><a href='#' title=''>Partners</a>
<ul class='children'>
<li class='cat-item'><a href='#' title=''>Jimmy</a></li>
<li class='cat-item'><a href='#' title=''>Code Master</a></li>
</ul>
</li>


In the above code, see the link lists starting with <li class='cat-item'> Just avoid it and don`t make changes to it, you`ll just need to change URL and names.

But you need to understand how it works, in the above link list set, you`ll see the PARTNERS link list. it is the top Link list and the link lists below it with name "Jimmy" and "Code Master"expand when you hover at the PARTNERS on the blog, so you have to make changes to them accordingly.


I hope this tutorial may have taught you a thing or two about setting up link lists. Find your link lists using [CTRL+F] and make changes to your blog. All the best wishes for you make it to the Top!!

